body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #434548;
    background-color: #5A0909;
    padding: 0;
    margin: 0;
    text-align: right;
    background: url(https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-prn1/p206x206/533969_131011043751148_241071404_n.jpg)repeat;
    background-size: 50px;
}

form {
    padding: 0;
    margin: 0;
}
td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    padding-right: 5px;
}

th {
    font-weight: bold;
    color: white;
    background-color: #8D4DE2;
    font-size: 16px;

    padding-right: 5px;

}

th a {
    text-decoration: underline;
    color: #FCA200;
}
th a:hover {
    color: #FCA200;
    text-decoration: none;

}

/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
html>body td {
    text-align: right;
}

html>body td[align="center"] {
    text-align: center;
}

html>body td[align=center] {
    text-align: center;
}

html>body td[align=right] {
    text-align: right;
}

html>body td[align="right"] {
    text-align: right;
}

*[align="center"] {
    text-align: center;
}

*[align=center] {
    text-align: center;
}

*[align="right"] {
    text-align: right;
}

*[align=right] {
    text-align: right;
}


.headbg{
    background-color: #464FBB;
    margin-right: 10px;
    padding-right: 5px;

}
.headbgbox{
    background-color: #F3F0E5;

}
.loginbarbg{
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */


}


.module_head {
    font-size: 18px;
    font-weight: bold;
    color: #0D1A93;
    padding-right: 6px;
}

.oddrow, .addrow {
    background-color: #FEFEFE;
}

.evenrow {
    background-color: #EECFEE;
}


.module_head_right {
    background-color: #FCA200;
    font-size: 15px;
    color: #FFFFFF;
}

.module_head_right a {
    background-color: #FCA200;
    font-size: 15px;
    color: #FFFFFF;
}

.calendar_module_detail {
    font-size: 15px;
    font-weight: normal;
    background-color: #F8FBFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e8d1cd;
    border-right-color: #e8d1cd;
    border-bottom-color: #e8d1cd;
    border-left-color:#e8d1cd;
}

.calendar_module_head {
    background-color: #FCA200;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}


.module_head_right a:hover {
    background-color: #FCA200;
    font-size: 15px;
    color: #FFFFFF;
}


.edituserlink{
    background-color: #7E44AD;
    color: #E6F100;
    font-weight: bold;
    border-radius: 5px;

}
.edituserlink a{
    color: #FFFFFF;
    font-weight: normal;
}
.edituserlink a:hover{
    background-color: #FCA200;
    color: #FFFFFF;
    font-weight: normal;
}

.text_head1, .text_head1:hover {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.text_head2, .text_head2:hover {
    font-size: 15px;
    font-weight: bold;
    color: #0000AF;
}

.offer_head {
    font-size: 16pt;
    color: #FCA200;
}

.module_detail_inside,.ui-dialog ,.ui-dialog-content {
    text-align: right;
    font-size: 15px;
    font-weight: normal;
    padding-right: 5px;
    padding-bottom: 5px;
    border: 3px solid #C88EC6;
    margin: 0px 10px 0px 10px;
    background-color: white;
    /*border-radius: 10px;*/
}
.ui-dialog-content {
   overflow: auto;
}
.tos {
    font-size: 15px;
    font-weight: normal;
    background-color: #F8FBFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D4E1F6;
    border-right-color: #D4E1F6;
    border-bottom-color: #D4E1F6;
    border-left-color: #D4E1F6;
    margin: 10px;
}

.im_text {
    font-size: 15px;
    font-weight: normal;
    background-color: #F8FBFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #95B5E6;
    border-right-color: #95B5E6;
    border-bottom-color: #95B5E6;
    border-left-color: #95B5E6;

}

.module_detail {

    text-align: right;
    font-size: 15px;
    font-weight: normal;
    border: 1px ridge #D39615;
    padding-bottom: 5px;
    border-radius:7px 7px 5px 5px;

}
.leftside_detail {


    box-shadow: 0px 0px 3px 0px;
    margin-left: 6px;
    margin-right: 2px;

    text-align: right;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 5px;
    border-radius:  8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #ECBFEB;

}
.leftside_detail_in {
padding-top: 2px;
padding-left: 6px;
padding-bottom: 2px;
padding-right: 4px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #F5DCF4;
margin-left: 1px;
margin-right: 2px;
}


.statusbar {
    background-color: #D4E1F6;
}

a.subhead {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}
a.subhead:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.smallpic {
    max-width: 75px;
    max-height: 75px;
    padding: 2px;
    border: 1px solid #7F328E;
}
.smallpic_table {
    background-color: #F5DFF5;
    width: 250px;
    border-radius: 5px;
}

.div_picture{
    height: 80px;
    width: 80px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

input {
    font-size: 15px;
}
textarea {
    font-size: 15px;
}
select {
    font-size: 15px;
}

.ui-dialog .ui-dialog-buttonpane button, .formbutton{
    /*margin: .5em .4em .5em 0;*/
    cursor: pointer;
    font-size: 16px;
    color: #F7E40C;
    background-color: #8120A8;
    border-radius: 3px;
    min-width: 80px;
    padding-top: 2px;

}



.main_outer_table{
    background-color: white;
    box-shadow: 0px 0px 20px #000000;
}

a.main_title{
    font-size: 40px;
    color: #FFFFFF;
    text-decoration:none;
}
a:hover.main_title{
    font-size: 40px;
    color: #FFFFFF;
    text-decoration:none;
}
.dotted{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

.s_table_blue{
    color: #27277E;
    font-weight: bold;
}
.s_table_white{
    color: #27277E;
}

.table_blue{
    background-color: #D3E1FA;
    color: #27277E;
}
.table_white{
    background-color: #FFFFFF;
    color: #27277E;
}

.table_green{
    background-color: #D8F9D5;
    color: #003300;
}
.table_red{
    background-color: #FFD5D5;
    color: #990000;
}
.table_pink{
    background-color: #FFE1FF;
    color: #7D0067;
}
.table_gray{
    background-color: #EFEFEF;
    color: #333333;
}
.table_yellow{
    background-color: #FFFFCC;
    color: #B08D00;
}


.main_text1{
    font-size: 24px;

}
.page_heading {
    font-size: 14pt;
    border: 1px solid #A9BDF1;
    background-color: #DADADA;
    text-align: center;
}
.headrow {
    border: 1px solid #A9BDF1;
    background-color: #C8E0FB;
    text-align: center;

}
.text8pt {
    font-size: 8pt;
}
.searchtitle {
    font-size: 14pt;
    font-weight: bold;
    color: #003366;
}
.xtitle {
    font-size: 14pt;
    border: 1px solid #A9BDF1;
    background-color: #DADADA;
    text-align: center;

}
.title {
    font-size: 12pt;
    border: 1px solid #A9BDF1;
    background-color: #DADADA;
    text-align: right;
    font-weight: bold;
    padding: 4px 4px 4px 15px;
    margin-left: 15px;

}
.subtitle {
    font-size: 10pt;
    color: #003366;
    border: 1px solid #96B0F5;
    background-color: #D7E1EE;
    font-weight: bold;
    padding: 1px;
}

a {
    color: #0C1C8B;
    text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
}
a:hover {
    text-decoration: underline;
    color: #FCA200;
}

a.menulink {
    font-size: 15px;
    color: #FCA200;
    text-decoration: none;
}
a.menulink:hover {
    font-size: 15px;
    color: #FCA200;
    text-decoration: none;
}

.panellinkhdr {
    background-color: #FCA200;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;

}
a.panellink {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #0C1C8B
}
a.panellink:hover {
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
}
.panelbox {

}
.footer {
    background-color: #AE09F1;
    border-bottom: 2px ridge #D5AFE7;


}
a.footerlink {
    font-size: 10pt;
    color: #3D113D;
    text-decoration: none;
}
a.footerlink:hover {
    font-size: 8pt;
    color: #FCA200;
    text-decoration: none;
}
.copyright{
    color: #AAAAAA;
    font-size: 15px;
    text-decoration: none;
}

.paneltable{
    background-color: #003366;
}
.modulehead{
    color: #003366;
}


.storyhead{
    color: #0C1C8B;
    font-weight: bold;
}
.storydate{
    font-size: 9px;
    color: #003366;
    font-style: italic;
}
.storyby{
    color: #003366;
}
.storytext{
}

.newshead{
    color: #6E35B9;
    font-weight: bold;
    font-size: 17px;
}
.newsdate{
    font-size: 9px;
    font-style: italic;
}
.newstext{

}

.pollquestion{

    color: red;
    font-weight: bold;

}
.polloptions{
    color: blue;
}

.payment_mod_head{
    font-size: 15px;
    color: #FFFFFF;
    background-color: #3399CC;
}

.admin_head{
    font-size: 12px;
    color: #FCA200;
    font-weight: bold;
}
h4{
    font-size: 12px;
}
.copyright:hover {
    color: #0000ff;
    font-size: 15px;
    text-decoration: underline;
}
.errors {
    color: red;
}

.headerfooter, .headerfooter:hover {					/*** style of "xxx's Profile", "Last logge" ***/
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
}

.headerfooter:hover {							/*** hover: style of "xxx's Profile", "Last logge" ***/
    color: #FFFFFF;
    text-decoration: none;
}

.nickwidth {								/*** width of sections ***/
    width: 540px;
    text-align: center;
}

.im_msg {
    font-size: 8pt;
}

.menu_subhead {
    background-color: #83ADDF;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;

}

.picgallery {
    background-color: #F8FBFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.module_head a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.module_head a:hover {
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
    float: right;
}

.stats_line_outer {
    width: 99%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 2px;
}

.display_error {
    font-weight: normal;
    background-color: #E1EFFB;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D4E1F6;
    border-right-color: #D4E1F6;
    border-bottom-color: #D4E1F6;
    border-left-color: #D4E1F6;
}

.required_info {
    color: #6E00FF;
}

.bloglink_hdr02 {
    float:right;
    margin: 1px;
    padding: 4px;
    text-align: center;
}

.colhead {
    font-weight: bold;
    color: #FCA200;
    background-color: #D4E1F6;
    font-size: 15px;

}

.colhead a {
    text-decoration: underline;
    color: #FCA200;
}
.colhead a:hover {
    color: #FCA200;
    text-decoration: none;

}

.panelbox_div {
    height:16px;
    padding:1px;
    padding-left: 6px;
    padding-right: 3px;
}

.panellinkhdr_div {
    height: 13px;
    background-color: #F1CD0F;
    font-size: 15px;
    font-weight: bold;
    color: #AD0E21;
    padding: 3px;
    padding-left: 6px;
    padding-right: 5px;
}
.panellinkhdr_div  a {
    text-decoration: none;
}
a.panellink_div {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #0C1C8B;
}
.panellink a:hover {
    text-decoration: underline;
}

.signup_line_outer{
    margin-top: 3px;
    margin-left: 6px;
    margin-bottom: 1px;
    margin-right: 4px;
    vertical-align:middle;
}
.signup_line_leftside {
    float: right;
    width: 188px;
}

.profile_line_leftside {
    float: right;
    width: 45%;
    font-weight:bold;
}
.loadsnaps_column {
    float: right;
    width: 49.9%;
    vertical-align: middle;
    text-align: center;
}

.column_head {
    font-weight: bold;
    background-color: #D4E1F6;
    color: #FCA200;
    font-size: 15px;
    line-height: 20px;
    vertical-align: middle;
}

.column_head a {
    color: #FCA200;
    text-decoration: none;
}

.column_head a:hover {
    color: #FCA200;
    text-decoration: underline;

}

.line_leftside {
    margin-top: 3px;
    margin-left: 6px;
    margin-bottom: 3px;
    margin-right: 2px;
    vertical-align:middle;
}

.line_rightside {
    margin-top: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    margin-right: 4px;
    vertical-align:middle;
}

.line_top_bottom_pad {
    padding-top: 2px;
    padding-bottom: 2px;
}

.top_margin_6px {
    margin-top: 6px;
}

.profile_links {
    background-color: #E1EFFB;
}

.current_monthday {
    background-color: #FEFEFE;
}

.other_monthday {
    background-color: #EFEFEF;
}

.line_outer {
    padding-top: 3px;
    padding-left: 6px;
    padding-bottom: 3px;
    padding-right: 4px;
}

div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: auto;
}

/* 2.5 changes */
<!--

a.dropmenulink {
    float: right;
    padding-top: 2px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #202E91;
    text-decoration: none;
}
a.dropmenulink:hover {
    font-size: 18px;
    font-weight: bold;
    color: #6633FF;
    text-decoration: none;
}

.dropdowncontainer {
    width: 100%;
}

.dropdownsection {
    /*width: 100px;*/
    display: inline;
    float: right;
}

.anylinkcss{
    position:absolute;
    padding-right: 3px;
    visibility: hidden;
    border:1px solid white;
    border-bottom-width: 0;
    font:normal 15px Verdana;
    line-height: 22px;
    z-index: 100;
    background-color: #650A62;
    width: 200px;
    direction: rtl;
}

.anylinkcss a{
    width: 100%;
    display: block;
    padding-right: 3px;
    text-align: right;
    text-indent: 3px;
    border-bottom: 1px solid white;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    text-indent: 5px;
    color: #FFFFFF;
}

.anylinkcss a:hover{/*hover background color*/
    background-color: #CC6600;
    color: white;
}

-->

/* Pasword strength related */
.password_bar{
    font-size: 2px;
    height: 4px;
    width:210px;
    border-width: 1px;
    border-style:solid;
    border-color:black;
}
.password_text {
    font-size:10px;
}
/* Password strength related over */


.smallest_profiles {
    font-size:15px;
    margin-top:2px;
    display: inline-block; 
    color: #E75E10;
}

.left_padding_2px {
    padding-left:2px;
}
.searchstyle{
    color: #FFFFFE;
}

.searchselect{
    color: #101010;
}



select, .select, .searchselect {
    font-size: 15px;
    border: 1px solid #AAA; 

}
option {
    border: 0px solid #AAA; 
}
textarea, .textinput, .passwordinput {
    font-size: 15px;
    border: 1px solid #5E0D7F; 
    padding: 5px;
    background-color: #E9CBF0;
}


/*.ui-dialog {position: absolute; padding: .2em; width: 300px; overflow: hidden; background-color: white; box-shadow: 0px 0px 50px 2px;}
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title {float: right; margin: .1em 16px .1em 0;} */
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; visibility: hidden;}
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px; visibility: hidden;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0;}
/*.ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; border: solid 1px #B74848;}
.ui-dialog .ui-dialog-buttonpane {text-align: right; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}*/

/*.ui-dialog .ui-resizable-se {width: 15px; height: 15px; right: 3px; bottom: 3px;}
.ui-draggable .ui-dialog-titlebar {cursor: move; }
.ui-widget-overlay.ui-front {width: 100%;
                             height: 100%;
                             background-color: rgba(204, 34, 34, 0.75);
                             position: absolute;  top: 0; left: 0; 

}*/


.button
{
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;

    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            

    text-shadow: 0 1px 0 rgba(0,0,0,0.4);

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

    /* The background pattern */

    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
        -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
        -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
        -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
        -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
        -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
        -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */

    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}


.button-red,.ui-dialog-titlebar 
{
    font-size: 18px;
    font-weight: bold;
    color: #EAEADB;
    height: 25px;
    text-align: right;
        margin: 0px 10px 0px 10px;
    padding-right: 6px;
    background: #650A62;
    background: -webkit-gradient(linear, left top, left bottom, from(#D16FCE), to(#650A62) );
    background: -moz-linear-gradient(-90deg,#D16FCE, #650A62);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D16FCE', EndColorStr='#650A62');
}
.right_pan
{

    background: #654F64;
    background: -webkit-gradient(linear, left top, left bottom, from(#ECBFEB), to(#654F64) );
    background: -moz-linear-gradient(-90deg,#ECBFEB, #654F64);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ECBFEB', EndColorStr='#654F64');

}
.button-blue:hover
{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active
{
    background: #4477a1;
}
.button-bluedsg:active
{
    background: #4477a1;
}

.i_editor { 
    background-position: -223px -150px;
}

.icon , .i_editor { 
    display: inline-block;
    width: 25px; 
    height: 25px; 
    background-image: url(../../icons/icons.png);
    background-repeat: no-repeat;
    background-size: 1000% 1000%;
} 
.smallpic_cont
{
  float: right;
width: 45%;
margin: 5px;
min-width: 242px;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 99% !important;
}















/*
 * jQuery Nivo Gallery v0.7.1
 * http://dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * October 2011
 */
 
.nivoGallery {
    position:relative;
    background: white url(images/loading.gif) no-repeat 50% 50%;
    height:300px; /* Height must be fixed px value */
    margin: 10px 10px 10px 10px
  
}
.nivoGallery.loaded {
    background: white; /* Remove the loading gif */
}
.nivoGallery ul {
    list-style:none;
    margin:0;
    padding:0;
}
.nivoGallery ul li {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    font: 14px/1.6em arial,sans-serif;
    color:#fff;
}
.nivoGallery ul img {
    display:block;
    max-width:100%;
    max-height:100%;
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0;
	margin:auto;
    -ms-interpolation-mode:bicubic;
}

.nivoGallery-slides {
    position:relative;
    height:100%;
    overflow:hidden;
}

.nivoGallery-htmlwrap {
    padding:20px;
    height:100%;
    overflow:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nivoGallery-videowrap video,
.nivoGallery-videowrap iframe,  
.nivoGallery-videowrap object,  
.nivoGallery-videowrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.nivoGallery-directionNav a {
    position:absolute;
    top:45%;
    cursor:pointer;
    display:block;
	width:26px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
    opacity:0;
    z-index:5;
    -webkit-transition:opacity 150ms ease-in-out;
    -moz-transition:opacity 150ms ease-in-out;
    -o-transition:opacity 150ms ease-in-out;
    transition:opacity 150ms ease-in-out;
}
.nivoGallery-directionNav .nivoGallery-prev {
    left:10px;
}
.nivoGallery-directionNav .nivoGallery-next {
    right:10px;
    background-position:-32px 0;
}
.nivoGallery:hover .nivoGallery-directionNav a {
    opacity:0.7;
}
.nivoGallery:hover .nivoGallery-directionNav a:hover {
    opacity:1;
}

.nivoGallery-bar {
    position:absolute;
    bottom:-28px;
    left:0;
    height:28px;
    width:100%;
    font: 11px/28px arial,sans-serif;
    background: #BA82C0;
    background: -moz-linear-gradient(top, #BA82C0 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BA82C0), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top, #BA82C0 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top, #BA82C0 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top, #BA82C0 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BA82C0', endColorstr='#0e0e0e',GradientType=0 );
    background: linear-gradient(top, #BA82C0 0%,#0e0e0e 100%);
    border-top:1px solid #222;
    z-index:5;
}
.nivoGallery-play {
    display:inline-block;
    width:26px;
    height:28px;
    border:0;
    background:url(images/playpause.png) no-repeat 50% 8px;
    cursor:pointer;
    border-right:1px solid rgba(0,0,0,0.3);
}
.nivoGallery-play.playing {
    background-position:50% -92px;
}
.nivoGallery-count {
    display:inline-block;
    vertical-align:top;
    height:28px;
    padding:0 8px;
    color:#aaa;
    border-left:1px solid rgba(255,255,255,0.2);
    border-right:1px solid rgba(0,0,0,0.3);
    text-shadow:0 1px 0 #000;
}
.nivoGallery-caption {
    display:inline-block;
    vertical-align:top;
    height:28px;
    border-left:1px solid rgba(255,255,255,0.2);
    padding:0 15px;
    overflow:hidden;
    color:#aaa;
    text-shadow:0 1px 0 #000;
}
.nivoGallery-captionTitle {
    color:#fff;
    font-weight:bold;
    margin-right:5px;
}
.nivoGallery-fullscreen {
    float:right;
    display:inline-block;
    width:26px;
    height:28px;
    border:0;
    background:url(images/fullscreen.png) no-repeat 50% 5px;
    cursor:pointer;
    border-left:1px solid rgba(0,0,0,0.3);
}

.nivoGallery-progress {
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    opacity:0.5;
    width:100%;
    height:2px;
    z-index:5;
}

.nivoGallery.fullscreen {
    position:fixed;
    top:0px;
    left:0px;
    width:100% !important;
    max-width:100%;
    height:100% !important;
    z-index:10000;
}
.nivoGallery.fullscreen .nivoGallery-caption {
    position:fixed;
    top:0;
    left:0;
    display:block;
    width:100%;
    background:#000;
    padding:20px;
    opacity:0.8;
}
.nivoGallery.fullscreen .nivoGallery-play {
    position:fixed;
    top:20px;
    right:45px;
    z-index:6;
}
.nivoGallery.fullscreen .nivoGallery-fullscreen {
    position:fixed;
    top:20px;
    right:20px;
}
.nivoGallery.fullscreen .nivoGallery-htmlwrap {
    padding:90px 20px 20px 20px;
}


/* keybord
*/
#keyboardInputMaster {
  position:absolute;
  font:normal 11px Arial,sans-serif;
  border-top:1px solid #eeeeee;
  border-right:1px solid #888888;
  border-bottom:1px solid #444444;
  border-left:1px solid #cccccc;
  -webkit-border-radius:0.6em;
  -moz-border-radius:0.6em;
  border-radius:0.6em;
  -webkit-box-shadow:0px 2px 10px #444444;
  -moz-box-shadow:0px 2px 10px #444444;
  box-shadow:0px 2px 10px #444444;
  opacity:0.95;
  filter:alpha(opacity=95);
  background-color:#FFFFFF;
  text-align: right;
  z-index:1000000;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0px;
  padding:0px;
  line-height:normal;
  -moz-user-select:none;
  cursor:default;
}
#keyboardInputMaster * {
  position:static;
  color:#000000;
  background:transparent;
  font:normal 14px Arial,sans-serif;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0px;
  padding:0px;
  border:0px none;
  outline:0px;
  vertical-align:baseline;
  line-height:1.3em;
}
#keyboardInputMaster table {
  table-layout:auto;
}
#keyboardInputMaster.keyboardInputSize1,
#keyboardInputMaster.keyboardInputSize1 * {
  font-size:9px;
}
#keyboardInputMaster.keyboardInputSize3,
#keyboardInputMaster.keyboardInputSize3 * {
  font-size:13px;
}
#keyboardInputMaster.keyboardInputSize4,
#keyboardInputMaster.keyboardInputSize4 * {
  font-size:16px;
}
#keyboardInputMaster.keyboardInputSize5,
#keyboardInputMaster.keyboardInputSize5 * {
  font-size:20px;
}

#keyboardInputMaster thead tr th {
  padding:0.3em 0.3em 0.1em 0.3em;
  background-color:#F0DF12;
  white-space:nowrap;
  text-align:right;
  -webkit-border-radius:0.6em 0.6em 0px 0px;
  -moz-border-radius:0.6em 0.6em 0px 0px;
  border-radius:0.6em 0.6em 0px 0px;
}
#keyboardInputMaster thead tr th div {
  float:right;
  font-size:130% !important;
  height:1.3em;
  font-weight:bold;
  position:relative;
  z-index:1;
  margin-right:0.5em;
  cursor:pointer;
  background-color:transparent;
}
#keyboardInputMaster thead tr th div ol {
  position:absolute;
  left:0px;
  top:90%;
  list-style-type:none;
  height:9.4em;
  overflow-y:auto;
  overflow-x:hidden;
  background-color:#f6f6f6;
  border:1px solid #999999;
  display:none;
  text-align: right;
  width:12em;
}
#keyboardInputMaster thead tr th div ol li {
  padding:0.2em 0.4em;
  cursor:pointer;
  white-space:nowrap;
  width:12em;
}
#keyboardInputMaster thead tr th div ol li.selected {
  background-color:#ffffcc;
}
#keyboardInputMaster thead tr th div ol li:hover,
#keyboardInputMaster thead tr th div ol li.hover {
  background-color:#dddddd;
}
#keyboardInputMaster thead tr th span,
#keyboardInputMaster thead tr th strong,
#keyboardInputMaster thead tr th small,
#keyboardInputMaster thead tr th big {
  display:inline-block;
  padding:0px 0.4em;
  height:1.4em;
  line-height:1.4em;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#cccccc;
  cursor:pointer;
  margin:0px 0px 0px 0.3em;
  -webkit-border-radius:0.3em;
  -moz-border-radius:0.3em;
  border-radius:0.3em;
  vertical-align:middle;
  -webkit-transition:background-color .15s ease-in-out;
  -o-transition:background-color .15s ease-in-out;
  transition:background-color .15s ease-in-out;
}
#keyboardInputMaster thead tr th strong {
  font-weight:bold;
}
#keyboardInputMaster thead tr th small {
  -webkit-border-radius:0.3em 0px 0px 0.3em;
  -moz-border-radius:0.3em 0px 0px 0.3em;
  border-radius:0.3em 0px 0px 0.3em;
  border-right:1px solid #aaaaaa;
  padding:0px 0.2em 0px 0.3em;
}
#keyboardInputMaster thead tr th big {
  -webkit-border-radius:0px 0.3em 0.3em 0px;
  -moz-border-radius:0px 0.3em 0.3em 0px;
  border-radius:0px 0.3em 0.3em 0px;
  border-left:0px none;
  margin:0px;
  padding:0px 0.3em 0px 0.2em;
}
#keyboardInputMaster thead tr th span:hover,
#keyboardInputMaster thead tr th span.hover,
#keyboardInputMaster thead tr th strong:hover,
#keyboardInputMaster thead tr th strong.hover,
#keyboardInputMaster thead tr th small:hover,
#keyboardInputMaster thead tr th small.hover,
#keyboardInputMaster thead tr th big:hover,
#keyboardInputMaster thead tr th big.hover {
  background-color:#dddddd;
}

#keyboardInputMaster tbody tr td {
  text-align: right;
  padding:0.2em 0.3em 0.3em 0.3em;
  vertical-align:top;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  zoom:1;
}
#keyboardInputMaster tbody tr td table {
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
  border-spacing:0px;
}
#keyboardInputMaster tbody tr td#keyboardInputNumpad table {
  margin-left:0.2em;
  width:auto;
}
#keyboardInputMaster tbody tr td table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td table tbody tr td {
  vertical-align:middle;
  padding:0px 0.45em;
  white-space:pre;
  height:1.8em;
  font-family:'Lucida Console','Arial Unicode MS',monospace;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
  min-width:0.75em;
  -webkit-border-radius:0.2em;
  -moz-border-radius:0.2em;
  border-radius:0.2em;
  -webkit-transition:background-color .15s ease-in-out;
  -o-transition:background-color .15s ease-in-out;
  transition:background-color .15s ease-in-out;
}
#keyboardInputMaster tbody tr td table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td table tbody tr td.space {
  padding:0px 4em;
}
#keyboardInputMaster tbody tr td table tbody tr td.deadkey {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td table tbody tr td:hover,
#keyboardInputMaster tbody tr td table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster thead tr th span:active,
#keyboardInputMaster thead tr th span.pressed,
#keyboardInputMaster tbody tr td table tbody tr td:active,
#keyboardInputMaster tbody tr td table tbody tr td.pressed {
  border-top:1px solid #555555 !important;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}

#keyboardInputMaster tbody tr td table tbody tr td small {
  display:block;
  text-align:center;
  font-size:0.6em !important;
  line-height:1.1em;
}

#keyboardInputMaster tbody tr td div label {
  position:absolute;
  bottom:0.2em;
  left:0.3em;
}
#keyboardInputMaster tbody tr td div label input {
  background-color:#f6f6f6;
  vertical-align:middle;
  font-size:inherit;
  width:1.1em;
  height:1.1em;
}
#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:3px;
  font-weight:bold;
  font-style:italic;
  color:#444444;
}

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;
}
